/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

google.load('visualization','1',{'packages':['corechart','table']});
google.setOnLoadCallback(drawMarkers);

function drawMarkers(){
    $("#btConsultar").click(function(){
        mostrarReporte();
    });
}

function vaciarErrores() {
    document.getElementById("RegLblErrorFechaIni").innerHTML = "";
    document.getElementById("RegLblErrorFechaFin").innerHTML = "";
    document.getElementById("RegLblErrorFechaNoIgual").innerHTML = "";
}

function mostrarReporte(){
    var data = {
      fechaInicio:$("#fechaInicioZona").val(),
      fechaFin:$("#fechaFinZona").val()        
    };
    
        fv = new formValidator();
    vaciarErrores();
    
    if (fv.isEmpty(document.getElementById("fechaInicioZona").value)) {
            //fv.raiseError("Debe ingresar un password");
            fv.raiseError("");
            document.getElementById("RegLblErrorFechaIni").innerHTML = "Debe ingresar una fecha de inicio";
        }
        
       if (fv.isEmpty(document.getElementById("fechaFinZona").value)) {
            //fv.raiseError("Debe ingresar un password");
            fv.raiseError("");
            document.getElementById("RegLblErrorFechaFin").innerHTML = "Debe ingresar una fecha de fin";
        }
        else {
            var f1 = $("#fechaInicioZona").datepicker("getDate");
            var f2 = $("#fechaFinZona").datepicker("getDate");
            //alert(f1 + "    -     " + f2);
            if (f1 > f2) {
                fv.raiseError("");
                document.getElementById("RegLblErrorFechaNoIgual").innerHTML = "La fecha de inicio debe ser menor que la final. Intente de nuevo.";
            }
        }

if (fv.numErrors() < 1) {
    
    
    var jsonData = JSON.stringify(data);
    console.log(data);
    $.ajax({
        type: "POST",
	data: jsonData,
	dataType: "json",
	contentType: "application/json; charset=utf-8",
	url: "reporteHorasExtrasJSON.htm",
        beforeSend: function(){
	    	$("#cargando").show("slow");
	}, 
        success: function(data){
            $("#cargando").hide("slow");
            
        if(data.me === ""){
            var reporte = data.reporte;
            var horaExtraxDia = data.horaExtraxDia;
            var arreglo = new Array();
            
            arreglo[0] = ['Fecha','Nombre','Turno','Costo Horas Extras'];
            
            $.each(reporte,function(i,item){
                        arreglo[i+1] = [item.fecha,item.nombre,item.turno,item.costoHorasExtras];
            });
            var data = google.visualization.arrayToDataTable(arreglo);            
            
            var line = new Array();
            
            line[0] = ['Fecha','Costo Horas Extras'];
            
            $.each(horaExtraxDia,function(i,item){
               line[i+1]=[item.fecha,item.costo];
            });
            
            var linedata = google.visualization.arrayToDataTable(line);
            
            var areachart = new google.visualization.AreaChart(document.getElementById('visualization'));
            
            var table = new google.visualization.Table(document.getElementById('table_div'));
            
            areachart.draw(linedata, {areaOpacity:0.0,lineWidth:3,pointSize:8,charArea:{left:20,top:20,widh:640}});
        
            table.draw(data,{showRowNumber:false,page:'enable',pageSize:10});
            
                if (arreglo.length>1){
                    $("#alerta").hide();
                }
                else{
                    $("#alerta").show("slow");
                    table.clearChart();
                    areachart.clearChart();
                }
        }
            else{
                    alert(data.me);
            fv.displayErrors();
                        return false;
            }
        }
    });
     return true;
} else {
    fv.displayErrors();
                        return false;
}
}
